window.addEventListener('pageshow', function() {
    //顶部导航栏
    var user = document.querySelector('.user a');
    /* 获取登录信息 */
    (function getflag() {
        var flag = window.localStorage.getItem('flag');
        // console.log(flag);
        if (flag == 'true') {
            user.href = 'memberCenter.html';
        } else {
            user.href = 'login.html';
        }
        // console.log(flag);

    }())


    /* 创意设计模块 */
    function design() {
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 3,
            spaceBetween: 30,
            centeredSlides: true,
            loop: true,
            /* pagination: {
                el: '.swiper-pagination',
                clickable: true,
            }, 分页*/
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    }
    design();

    /* 三栏模块 */
    function three_part() {
        //nav栏 点击变色且出现下边框
        var part_nav = document.querySelector('.part_nav');
        var span_nav = part_nav.children;
        var bom = document.querySelectorAll('.bum');
        //关掉所有下边框
        function bom_close() {
            for (var i = 0; i < span_nav.length; i++) {
                //所有的孩子取消颜色和下边框
                span_nav[i].style.color = '#666';
                bom[i].style.display = 'none';
                //相应内容全部隐藏
                parts[i].display = 'none';
            }
        }
        //console.log(bom[1]);
        for (var i = 0; i < span_nav.length; i++) {
            //默认第一个有颜色且有下边框
            span_nav[0].style.color = 'rgba(6,193,174,1)';
            span_nav[0].querySelector('.bum').style.display = 'block';
            span_nav[i].addEventListener('click', function() {
                // 排他
                bom_close();
                this.style.color = 'rgba(6,193,174,1)';
                this.querySelector('.bum').style.display = 'block';
            })
        }
        //三个栏对应的内容
        var parts = document.querySelectorAll('.part');
        var startX = 0;
        var moveX = 0;
        //所有part消失
        function patrs_close() {
            for (var i = 0; i < parts.length; i++) {
                parts[i].style.display = 'none';
            }
        }
        //console.log(w);
        //默认第一个“相应内容”出现
        parts[0].style.display = 'block';

        // 点击AI设计 有相应内容出现
        span_nav[0].addEventListener('click', function() {
            //排他
            patrs_close();
            parts[0].style.display = 'block';
        })

        // AI页面向左滑动 
        document.addEventListener('touchstart', function(e) {
            startX = e.targetTouches[0].pageX;
        });
        document.addEventListener('touchmove', function(e) {
            // 移动距离
            moveX = e.targetTouches[0].pageX - startX;
            flag = true; // 如果用户手指移动过我们再去判断否则不做判断效果
            e.preventDefault(); // 阻止滚动屏幕的行为
        })
        parts[0].addEventListener('touchend', function(e) {
            if (flag) {
                // (1) 如果移动距离大于80像素，导航栏收回
                if (Math.abs(moveX) > 80) {
                    // 如果是左滑 当前页面消失 下一个页面出现
                    if (moveX < 0) {
                        bom_close(); //所有的下边框消失
                        this.style.display = 'none';
                        parts[1].style.display = 'block';
                        //下一个的标题色和下边框出现
                        span_nav[1].style.color = 'rgba(6,193,174,1)';
                        span_nav[1].querySelector('.bum').style.display = 'block';
                    }
                }
            }
        })


        // 点击电商 有相应内容出现
        span_nav[1].addEventListener('click', function() {
            //排他
            patrs_close();
            parts[1].style.display = 'block';
        })

        // 电商页面向左、右滑动 
        document.addEventListener('touchstart', function(e) {
            startX = e.targetTouches[0].pageX;
        });
        document.addEventListener('touchmove', function(e) {
            // 移动距离
            moveX = e.targetTouches[0].pageX - startX;
            flag = true; // 如果用户手指移动过我们再去判断否则不做判断效果
            e.preventDefault(); // 阻止滚动屏幕的行为
        })
        parts[1].addEventListener('touchend', function(e) {
            if (flag) {
                // (1) 如果移动距离大于80像素，导航栏收回
                if (Math.abs(moveX) > 80) {
                    // 如果是左滑 当前页面消失 下一个页面出现
                    if (moveX < 0) {
                        bom_close(); //所有的下边框消失
                        this.style.display = 'none';
                        parts[2].style.display = 'block';
                        //下一个的标题色和下边框出现
                        span_nav[2].style.color = 'rgba(6,193,174,1)';
                        span_nav[2].querySelector('.bum').style.display = 'block';
                    } else {
                        bom_close(); //所有的下边框消失
                        this.style.display = 'none';
                        parts[0].style.display = 'block';
                        //上一个的标题色和下边框出现
                        span_nav[0].style.color = 'rgba(6,193,174,1)';
                        span_nav[0].querySelector('.bum').style.display = 'block';
                    }
                }
            }
        })


        // 点击广告宣传 有相应内容出现
        span_nav[2].addEventListener('click', function() {
            //排他
            patrs_close();
            parts[2].style.display = 'block';
        })

        // 广告页面向左滑动 
        document.addEventListener('touchstart', function(e) {
            startX = e.targetTouches[0].pageX;
        });
        document.addEventListener('touchmove', function(e) {
            // 移动距离
            moveX = e.targetTouches[0].pageX - startX;
            flag = true; // 如果用户手指移动过我们再去判断否则不做判断效果
            e.preventDefault(); // 阻止滚动屏幕的行为
        })
        parts[2].addEventListener('touchend', function(e) {
            if (flag) {
                // (1) 如果移动距离大于80像素，导航栏收回
                if (Math.abs(moveX) > 80) {
                    // 如果是左滑 当前页面消失 下一个页面出现
                    if (moveX > 0) {
                        bom_close(); //所有的下边框消失
                        this.style.display = 'none';
                        parts[1].style.display = 'block';
                        //上一个的标题色和下边框出现
                        span_nav[1].style.color = 'rgba(6,193,174,1)';
                        span_nav[1].querySelector('.bum').style.display = 'block';
                    }
                }
            }
        })
    }
    three_part();
})